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METHOD AND SYSTEM FOR ACCESSING ONLINE 
APPLICATIONS USING A WEB BROWSER 

FIELD OF THE INVENTION 

5 The present invention relates to a method and system for 

interacting with an online software application using a Web 
browser. 

BACKGROUND OF THE INVENTION 

A Personal Digital Assistant or PDA is a device that 
10 provides computing and information storage and retrieval 

capabilities for personal or business use. Software applications 
may be loaded into a PDA to perform specific tasks. PDAs are 
often used for keeping schedule, calendar, and address book 
information organized. Examples of PDA software applications 
15 include: Address Book, Calculator and To Do List. A PDA may have 
several input/output devices such as a keyboard or an 
electronically sensitive pad, on which handwriting can be 
received, speakers, display area, microphone and communication 
peripherals . 

20 PDA software applications can be loaded on a PDA. A PDA ' 

software application can reside permanently on a PDA, or it can 
be loaded and unloaded dynamically by the user. Buttons on a PDA 
are often used to allow direct access to a PDA software 
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application and for easily switching from one software 
application to another. 

Increasing, with the trend to "Web top" applications from 
"desk top" applications, online software applications are 

5 accessed via a Web site. A Web browser, such as Microsoft™ 

Internet Explorer and Netscape™ Navigator, can be used to access 
an online software application by accessing the server on which 
the software application resides. The Web site usually provides 
a link, which can be "clicked" to provide access to the software 

10 application. However, PDA-type functionality for accessing an 

online software application or switching from one online software 
application to another is not provided at a conventional Web 
site. Furthermore, a user cannot modify the access functionality 
to suit his/her needs. 

15 There is a need therefore, to provide PDA-type functionality 

for accessing online software applications when using a Web 
browser . 

SUMMARY OF THE INVENTION 

It is an object of one aspect of the invention to provide a 
20 system for accessing online software applications when using a 
Web browser. 

It is an object of another aspect of the' invention to 
provide a method for interaction between a Web browser on one 
computer and an online software application on another computer. 
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It is an object of a further aspect of the invention to 
provide a method of accessing an online software application 
under the control of a server system using a Web browser. 

It is an object of still another aspect of the invention to 
5 provide a system for creating buttons on a Web page, associating 
the buttons with an online software application and displaying 
online software applications on the Web page in response to 
selection of the buttons. 

It is an object of a still further aspect of the invention 
10 . to provide a method of associating an online software application 
with a graphical user interface displayable in a content window 
of a Web browser. 

According to one aspect of the invention, there is provided 
a graphical user interface displayable in a content window of a 
15 Web browser for accessing an online software application, 

comprising: a button, the button programmed with a URL of a start 
page of the online software application; whereby, clicking on the 
button causes the start page of the online software application 
to be displayed in a display area. 

20 According to another aspect of the invention, there is 

provided a method for interaction between a Web browser on a 
first computer and an online software application on a second 
computer, the method comprising the steps of: initiating an 
application on the first computer to open a graphical user 

25 interface in the content window of the Web browser, the interface 
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including a button, the button programmed with a URL of a start 
page of the online software application; and accessing • the start 
page using the button, thereby causing the start page to be 
displayed in a display area to permit interaction with the online 
5 software application. 

According to a further aspect of the invention, there is 
provided a method of accessing an online software application 
under control of a server system, comprising the steps of: 
displaying in a Web browser, a button programmed with the URL of 
10 a start page of the online software application; sending a 

request to the server system to access the start page of the 
software application in response to selection of the button; and 
displaying the requested start page in a display area. 

According to yet another aspect of the invention, there is 
15 provided a system comprising: means for creating one or more 

button means associated with one or more start pages of one or 
more online software applications; means for making available the 
button means via" a Web page; means for selecting one of the 
button means; and means for displaying the start page of the 
20 online software application associated with the selected button 
means in a display area in response to selection of the button 
means . 

According to a still further aspect of the invention, there 
is provided a method of associating an-. online software 
25 application with a graphical user interface displayable in a 
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content window of a Web browser, the graphical user interface 
comprising a button associable with a URL for a start page of the 
online software application, whereby selecting the button causes 
the online software application to be displayed in a display 
5 area, the method comprising the steps of: locating an instance of 
a first online software application using the Web browser; and 
causing the button to be associated with the URL of the start 
page of the instance of the first online .software application. 

Advantageously, the present invention provides a system and 
10 method for accessing software applications when using a Web 

browser. Another advantage of the present invention is that it 
provides a method for interaction between a Web browser on one 
computer and an online software application on another computer. 
' A further advantage of the present invention is that it provides 
15 a system for creating buttons on a Web page and associating those 
buttons with online software applications so that the online 
software applications are displayed on the Web page in response 
to selection of the buttons. Another advantage of the present 
invention is that it provides a method of associating an online 
20 software application with a graphical user interface displayable 
in a content window of a Web browser. 

Further objects and advantages of the present invention will 
be apparent from the following description, wherein various 
embodiments of the invention are clearly described and shown. 



25 
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BRIEF DESCRIPTION OF THE DRAWINGS 

The present invention will be further understood from the 
following description of preferred embodiments with reference to 
the drawings in which: 

5 FIG. - 1 is a representation of a printout of a Web page with 

a target frame and menu links displayed in a Web browser window; 

FIG. 2 is a representation of a VPDA according to the 
invention displayed in a Web browser window; 

FIG. 3 ' shows representations of various states of an 
10 embodiment of a VPDA interface according to the invention; 

FIG. 4 is a diagram providing an overview of a system 
context in which an embodiment of the invention may be used; 

FIG. 5 is a diagram depicting the loading of online software 
applications into a VPDA; 

15 FIG. 6 is a flow diagram illustrating a method by which an 

administrator loads an existing software application instance 
onto a VPDA; 

FIG. 7 is a. flow diagram illustrating a method by which an 
administrator loads a newly created software application instance 
20 onto a VPDA; 

FIG. 8 is a flow diagram illustrating a method whereby a 
user loads an existing software application instance onto a VPDA; 
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FIG. 9 is a representation of an online form for loading an 
existing software application instance onto a VPDA; 

FIG. 10 is a flow diagram illustrating a method whereby a 
user loads a newly created software application instance onto a 



FIG. 11 is a representation of an online form for loading a 
newly created software application instance onto a VPDA; and 

FIG. 12 is an alternate embodiment of a VPDA. 

Similar reference numerals are used in different figures to 
10 denote similar components. 

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENT 

A Web browser is commonly used to navigate* the Internet. A 
Web page is displayed in the content window of the browser. When 
accessing the Web page, it is also possible to display more than 

15 one Web page at the same time in the content window using frame 
technology. Referring to Figure 1, the browser content window 
102 displays a first Web page 103 located at a specified Uniform 
Resource Locator (URL) . The Web page 103 includes a target frame 
101, which displays a second Web page located at a second 

20 specified URL, which may or may not be located on the same server 
as the Web page 103. Frames 101 occupy a rectangular area. 
Frames 101 can be created in a Web page using one of several 
commands in HTML supported by various browsers: I FRAME, FRAME, 
LAYER and I LAYER as provided by Netscape™ Navigator and 
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Microsoft™ Internet Explorer. It is possible to dynamically 
change the URL that frame 101 points to, so that frame 101 can 
dynamically display new content. A commonly used navigation aid 
for navigating a series of independent Web pages, which are 

5 hyperlinked together, usually within a Web site, is shown in 
Figure 1. Four menu items 100 are implemented as HTML links. 
The target frame 101 displays a Web page in response to the 
selection of one of the menu items 100, which is programmed with 
the URL for- that Web page. For example, if a user clicks on menu 

10 item 100 labelled "Menu Item 2" , then the target frame 101 will 
display the Web page associated with "Menu Item 2". The. menu 
items 100 remain displayed in the content window 102 even as the 
content of the frame 101 changes. 

In the present invention, this prior art Web site navigation 
15 aid is adapted to access online software applications using a Web 
browser. An online software application is a series of logically 
interlinked Web pages, which provide a specific functionality. 
Figure 2 depicts a Web page application 206 according to the 
present invention. The Web page application 206 includes a user 
20 interface 201, referred to by the inventor as a Virtual Personal 
Digital Assistant (VPDA™) , that mimics both the appearance and 
functionality of a PDA. The VPDA 201 includes a graphical border 
204, which encloses a target frame 202, which defines a display 
. area 200 for displaying Web pages of an online software 
25 application 203. The display area 200 may be on Web page 

application 206 or may be opened in a new Web page application on 
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the same or on a separate browser. The border 204 is implemented 
using one or more conventional graphic files such as JPEG or GIF. 
The target frame 202 is implemented using conventional HTML 
commands. The VPDA 201 also includes function buttons 205, 
5 generally, but not necessarily located within the border 204, 
which are linked to URL addresses for the home or start page of 
online software application 203 that can be displayed in the 
display area 200. The buttons 205 are implemented using a 
conventional link: the HREF parameter specifying the start page 
10 of the online software application 203, and the TARGET parameter 
specifying the name of the target frame 202. The representations 
of the buttons 205 are implemented using conventional HTML links, 
such as image links, text links, or buttons. 

Referring to Figure 3, examples of online software 
15 applications 203 which can be "loaded" onto or "unloaded" from 
the VPDA 201 include Address Book, Calculator and To Do List. 
Such applications can be linked on the VPDA 201 by a Web 
administrator who created or maintains the VPDA 201, or such 
links can be "loaded" and/or "unloaded" dynamically by a user 
20 accessing the VPDA 201. 

To use the VPDA 201, a user clicks on one of the buttons 205 
to bring the associated VPDA software application 203 into the 
display area 200. Then, the user may navigate through one or 
more pages of the online application 203, displayed in the 
25 display area 200. Clicking on another of the buttons 205 

interrupts the current application 203 displayed in the VPDA 201 
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and displays the new VPDA Software Application 203 associated 
with the other button 205. For example , clicking on button 1 
loads the Address Book, button 2 loads the Calculator and button 
3 loads the To Do List. 



203, a user 400, using its Web browser 401, browses the World 
Wide Web 402 and accesses VPDA 201 located in a VPDA server 405. 
The user 400 clicks on one of the buttons 205 of the VPDA 201 to 
select VPDA software application 203. The corresponding VPDA 
10. software application 203 is found on a VPDA software application 
server 403 which can be the same as VPDA server 405 or a 
different server. Each VPDA software application 203 can be 
served by a different VPDA software application server 403. 



15 functionality of the PDA, it can support the "loading" and 

"unloading" of applications. Loading VPDA software application 
'203 consists of associating the URL of the start or home page of 
VPDA software application 203 with the HREF parameter of the 
corresponding button 205 accessible by users 400 of the VPDA 201. 

20 For example, as shown in Figure 5, a VPDA 500 allows users 400 to 
access the Address Book, the Calculator and the To Do List 
software applications 502. The functionality of a VPDA can be 
modified by loading other applications. For example, VPDA 501 is 
another embodiment of the invention, which allows users to access 

25 Address Book, Scientific Calculator, To Do List and Clipboard 

applications 503. The VPDA 501 can be created by modifying the 



5 



Referring to Figure 4, to access VPDA software application 



Referring to Figure 5, since VPDA 201 mimics the 
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VPDA 500 by unloading the Calculator and loading a. new Scientific 
Calculator to replace it and then loading the Clipboard 
application and associating it with another button 205 of the 
VPDA 201 that was unused in creating the VPDA 500. 

5 Like other online software applications , VPDA 201 is mostly 

accessed by users that interact with- the functionality set by an 
administrator, usually the owner of the VPDA 201. 

VPDA software applications 203 can be loaded on the VPDA 201 
according to several different methods. The VPDA functionality 
10 can be set from existing or newly created Web applications. 

Referring to Figure 6, in step 600, in a first method, an 
administrator sets VPDA software applications 203 from existing 
Web applications by first finding an existing VPDA software 
application instance 602 on the Web. VPDA software application 

15 instance 602 is a live copy of VPDA software application 203. In 
step 601, the administrator reprograms the VPDA 20i by changing 
the original HTML code of the VPDA 201 to properly reference the 
new VPDA software application instance 602. The administrator 
associates the new VPDA software application instance 602 with 

20 one of the buttons 205. 

Referring to Figure 7 , in a second method, an administrator 
sets the VPDA ' Software Applications 203 from newly created VPDA 
software application instances 602. In step 700, if an existing 
VPDA software application instance 602 is already associated with 
25 ■ the selected one of the buttons 205 of VPDA 201, the 
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administrator finalizes it" and then deletes it. In step 701, the 
administrator selects VPDA software application 203 type in which 
he is interested. In step 702, the administrator creates and 
then initializes a new instance 602 of the VPDA software 
5 application 203. In step 703, the administrator reprograms VPDA 
201 by changing the original HTML code of the VPDA 201 and 
associates the new VPDA software application instance 602 with 
the selected button 205, which was originally associated with 
previously existing application 203. 

10 A user can also load VPDA software application 203 into VPDA 

201, Referring to Figure 8, in step 800, the user finds an 
existing VPDA software application instance 602 on the Web 402. 
In step 801, the user accesses an online form, such as form 900 
(Figure 9) stored on a server computer. The user 400 first 

15 provides a URL where the existing VPDA software application 

instance 602 is located, then he selects which button 205 will be 
associated with the software application instance 602 and then 
clicks on "OK" button to submit the request.. The VPDA 201 will 
then be changed to reflect the requested change in step 802 using 

20 standard server side web application development technologies. 

Referring to Figure 10, users can also set the VPDA software 
applications 203 from newly created software application 
instances 602. In step 1000, the user fills in a form such as 
form 1100 (Figure 11) to request a new VPDA software application 
25 instance 602 be associated with one of the buttons 205. The user 
first selects the type of application he wants, then he selects 
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which Button 205 will be associated with the application and then 
clicks on "OK" to submit his request. If an existing VPDA 
software application instance 602 is already associated with the 
selected button 205, it is finalized and then deleted (step 

5 1001) . A new instance or copy 602 of the selected VPDA software 
application 203 type is automatically created and initialized. 
The new instance 602 uses default personalization (step 1002) . A 
more complex form could ask the user for initial parameters to 
use in place of the default parameters. The VPDA 201 will then 

10 be changed and the newly created VPDA software application 
instance 602 is associated with the selected button 205 to 
reflect the requested change (step 1003) . If the user 400 
selects "none" as the application type, then no instance 602 will 
need to be created, and no application will be associated with 

15 the selected button 205. 

Referring to Figure 12, a second embodiment of VPDA 201 is 
shown which offers more sophisticated features.' It supports a 
maximize button 1204 that opens the current VPDA software 
application 203 in a new full-page browser window for easier 
20 browsing. The VPDA 201 can be branded with a logo 1200. A label 
1201 can- be provided, on each of the six programmable buttons 
1203. Finally, a depressed button 1202 can be used to show the 
currently selected VPDA software application203 . 

While reference has been made herein to a PDA, it will be 
25 understood that the VPDA of the present invention can be made to 
resemble other devices such as desk top computers, laptop 
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computers, PalrtP 4 pilots, mobile telephones, hand held devices and 
other devices which can be used to access/load or unload software 
applications. 

As such, the invention may be embodied in other specific 
5 forms without departing from the spirit or essential 

characteristics thereof. The present embodiments are therefore 
to be considered as illustrative and not restrictive, the scope 
of the invention being indicated by the appended claims rather 
than by the foregoing description, and all changes that come 
10 within the meaning and range of equivalency of the claims are 
therefore intended to be embraced therein. 
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I claim: 

1. A graphical user interface displayable in a content 
window of a Web browser for accessing an online software 
application, comprising: 

5 a button, the button programmed with a URL of a start page 

of the online software application; 

whereby, clicking on the button causes the start page of the 
online software application to be displayed in a display area. 

2. The graphical user interface of claim 1,. wherein the 
10 graphical user interface includes the display area. 

3. The graphical user interface of claim 2, including a 
border enclosing the display area and wherein the button is 
located in the border. 

4. The graphical user interface of claim 1, wherein the 
15 button is dynamically programmable by a user of the interface. 

5. The graphical user interface of claim 1, wherein the 
button is programmable by an administrator of the interface. 

6. The graphical user interface of claim 1, wherein the 
display area is implemented using an HTML command selected from 

20 the group consisting of I FRAME, FRAME, LAYER and I LAYER. 

7. The graphical user interface of claim 1, wherein the 
button is implemented using representation means selected from 
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the group consisting of an HTML text link, an HTML image link and 
an HTML button. 

8. The graphical user interface of claim 1, wherein the 
interface resembles a PDA and includes a plurality of the buttons 

5 to access a plurality of the online software applications . 

9. A method for interaction between a Web browser on a first 
computer and an online software application on a second computer, 
said method comprising the steps of: 

initiating an application on the first computer to open a 
10 graphical user interface in the content window of the Web 

browser, the interface including a button, the button programmed 
with a URL of a start page of the online software application; 
and 

accessing the start page using the button, 

15 thereby causing the start page to be displayed in a display 

area to permit interaction with the online software application, 

10. The method of claim 9, including accessing a second 
start page of a second online software application by using a 
second button programmed with the URL address for the second 

20 start page and thereby causing the second start page to be 
displayed in the display area. 

11. A method of accessing an online software application 
under control of a server system, comprising the steps of: 
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displaying in a Web browser, a button programmed with a URL 
of a start page of the online software application; 

sending a request to the server system to access the start 
page* of the software application in response to selection of the 
5 button; and 

displaying the requested start page in a display area. 

12. The method of claim 11, including the steps of 
transmitting, using the Web browser, a request to the server 
system to associate the start page of the online software 
10 application with the button; 

receiving permission from the server system to associate the 
start page with the button; and 

associating the start page of the application with the 
button. 

15 13. A system comprising: 

means for creating one or more button means associated with 
one or more start pages of one or more online software 
applications; 

means for making available the button means via a Web page; 
20 means for selecting one of the button means; and 
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means for displaying the start page of the online software 
application associated with the selected button means in a 
display area in response to selection of the button means. 

14. The system of claim 13, including means for permitting a 
5 user to associate the one or more "button means with the one or 

more online software applications. 

15. The system of claim 14, wherein said means for 
permitting is an online form. 

16. The system of claim 13, including means for permitting 
10 an administrator to associate the one or more button means with 

the one or more online software applications. 

17. The system of claim 13 wherein said means for displaying 
is a graphical user interface which 'resembles a PDA. 

18. The system of claim 17 including a branding graphic. 

15 19. The system of claim 17, including display area 

maximization means. 

20. The system of claim 16, including a depressed button to 
show the currently selected online software application. 

21. A method of associating an online software application 
20 with a graphical user interface displayable in a content window 

of a Web browser, the graphical user interface comprising a 
button associable with a URL for a start page of the online 
software application, whereby selecting the button causes the 
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online software application to be displayed in a display area, 
the method comprising the steps of: 

locating an instance of a first said online software 
application using the Web browser; and 

5 causing the button to be associated with the URL of the 

start, page of the instance of the first said online software 
application. 

22. The method of claim 21, comprising the additional steps 

of: 

10 locating an instance of a second said online software 

application using the Web browser; 

finalizing and deleting the instance of the first said 
online software application; and 

causing the button to be associated with the URL of the 
15 start page of the instance of the second said online software 
application. 

23. The method of claim 21, including the additional step of 
first causing the creation of a new instance of the first said 
online software application. 

20 24. The method of claim 21, wherein the step of causing the 

button to be associated with the URL of the start page of the 
instance of the first said online software application is 
accomplished by means of an online form. 



WO 2004/012069 




PCT/CA2003/001148 



-20- 

25. The method of claim 23, wherein the steps of causing the 
creation of a new instance of the first said online software 
application and causing the button to be associated with the URL 
of the start page of the new instance of the first said online 
5 software application are accomplished by means of an online form. 

26-. The method of claim 22, wherein the steps of finalizing 
and deleting the instance of the first said online software 
application and causing the button to be associated with the URL 
of the start page of the instance of the second said online 
10 software application are accomplished by means of an online form. 
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An Administrator finds an existing 
VPDA Software Application instance 602 
on the web. 



I 



The Administrator reprograms the VPDA 
201 to properly integrate the new VPDA 
Software Application instance 602. 
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Figure 6 



If a VPDA Software Application instance 

602 is already associated with the 
selected Button 205, the Administrator 
finalizes it and then deletes it. 



-700 



The Administrator chooses a VPDA 
Software Application 203 type he is 
interested in. 



-701 



The Administrator creates and then 
initializes a new instance 602 of the 
VPDA Software Application 203. 
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The Administrator reprograms the VPDA 

201. He associates the new VPDA 
Software Application instance 602 with 
the selected Button 205. 
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Figure 7 
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The User 400 finds an existing VPDA 
Software Application instance 602 on the 
web. 



The User 400 fills a HTM L form 
requesting to associate the found VPDA 
Software Application instance 602 with 
the selected Button 205. 



The VPDA 201 is changed. The found 
VPDA Software Application instance 602 
is associated with the selected Button 
205. 
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Figure 8 



Loading an application 

Where is the application located? 



http^/w ww. somewhere.com 



With which button will the application be associated? 
Wt Button 1 
C\ Button 2 
H' Button 3 
O Button 4 



p^o&Tl l r can"ceTl 



Online Form 



Figure 9 
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The User 400 fills a HTML form 
requesting a new VPDA Software 
Application instance 602 associated with 
the selected Button 205. 



If a VPDA Software Application instance 
602 is already associated with the 
selected Button 205, it is finalized and 
then deleted. 



A new instance 602 of the selected 
VPDA Software Application 203 type is 
automatically created and initialized. The 
new instance 602 uses default 



personalization. 



The VPDA 201 is changed. The newly 
created VPDA Software Application 
instance 602 is associated with the 
selected Button 205. 
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Figure 10 



Loading an application 

Which application type do you want? 

f*3| Address Book 

O Calculator 

£3( Scientific Calculator 

O To Do List 

O Clipboard 

O none 

With which button will the application be associated? 
fig Button 1 
O Button 2 
O Button 3 
n Button 4 

l\ oft J li cancel ! 
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Online Form 



Figure 11 
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